@(monster: de.puc.defencetower.model.Monster)

<div class="monster">
    <div class="progress progress-striped livebar">
        <div class="progress-bar progress-bar-danger"  role="progressbar" aria-valuenow="@monster.getHitPoints()" aria-valuemin="0" aria-valuemax="@monster.getMaxHitPoints()" style="width: @(monster.getHitPoints() * 100 / monster.getMaxHitPoints)%">
            <span class="sr-only">@monster.getHitPoints()</span>
        </div>
    </div>
    <div >
        @if(monster.getType == 0){
            <img class=".img-responsive" src="@routes.Assets.at("images/game/monster/monster1.png")" >
            <!--
			mM
                -->
        }
        @if(monster.getType == 1){
            <img class=".img-responsive" src="@routes.Assets.at("images/game/monster/monster2.png")" >
            <!--
			MM
            -->
        }
        @if(!monster.isAlive){
            <img class=".img-responsive pow" src="@routes.Assets.at("images/game/monster/schussMonster.png")" >
            <script>
                $(".pow" ).effect( "shake" )
            </script>
            <!--
			m
            -->
        }
    </div>
</div>


